package myJs.cps

import myJs.api.Api
import myJs.login.Login
import slinky.core.FunctionalComponent
import slinky.core.annotations.react
import slinky.core.facade.Fragment
import slinky.web.html._
import typings.csstype.csstypeStrings

@react object TitleInfoCp {

  type Props = Unit

  val component = FunctionalComponent[Props] { props =>

    Fragment(
      div(className := "register", style := Style(textAlign = csstypeStrings.center),
        a(href := s"${Login.absolutePath}",
          img(style := Style(width = 150), className := "login-logo login-6", src := s"${Api.images}/logo.png")
        )
      ),
      div(style := Style(textAlign = csstypeStrings.center, border = 0, overflow = "hidden"),
        h2(style := Style(textAlign = csstypeStrings.center, marginTop = "35%", marginLeft = "2%", fontSize = "30px"),
          "LiveForest"
        ),
        h2(style := Style(textAlign = csstypeStrings.center, marginTop = "0%", marginLeft = "2%", fontSize = "30px"),
          "肝纤维化和肝硬化风险计算软件"
        ),
        h2(style := Style(textAlign = csstypeStrings.center, marginTop = "0%", marginLeft = "2%", fontSize = "16px"),
          "完整版本：V1.0.0.0；发布版本V1"
        ),
      )
    )

  }

}
